<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:comp="http://java.sun.com/jsf/composite/components" >

<ui:composition template="/WEB-INF/templates/master.xhtml">
	<ui:define name="content">
	<f:metadata>
    <f:viewParam name="checkPage" value="#{personalMB.checkPage}" />
    <f:event type="preRenderView" listener="#{personalMB.check}" />
	</f:metadata>
	
	
	<p:panel  header="Administrar Información de Personal" style="width:960px;height:500px" styleClass="panel-azul">
	<p:tabView id="viewPersonal" styleClass="tabview-cgr" widgetVar="viewPersonalWidget">
	
	<p:tab title="Datos Personales">
	<!-- p:ajaxStatus  onstart="statusDialog.show();" oncomplete="setTimeout('messageDialog.hide()','1500');"  onsuccess="statusDialog.hide(); messageDialog.show(); "/-->  
              
	<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"   
        draggable="false" closable="false" width="200" height="50">  
    <p:graphicImage id="statusIcon" value="#{resource['images:load.gif']}" />  
	</p:dialog>
	<h:form id="frmDatosPer">

	<p:dialog id="msgDialog" modal="true" widgetVar="messageDialog" header="Mensaje"   
        draggable="false" closable="false" width="300" height="50" hideEffect="puff" rendered="#{empty facesContext.maximumSeverity}">  
    <h:outputLabel value="#{personalMB.mensaje}" />  
	</p:dialog>
	<p:growl id="msjDatoPer"  showDetail="true" showSummary="true"></p:growl>
	<p:panel header="Datos del Colaborador" styleClass="panel-azul">
						<h:panelGrid columns="2" styleClass="layout-form">
							<h:column >
							<h:panelGrid columns="6" cellspacing="3">
								<h:outputLabel value="Código" />
								<p:outputLabel value="Apellido Paterno"  for="txtApaterno"/>
								<p:outputLabel value="Apellido Materno" for="txtAmaterno"/>
								<p:outputLabel value="Nombres" for="txtNombres" />
								<p:outputLabel value="Sexo" for="cboSexo"/>
								<h:outputLabel value="Tipo de Sangre" />
								<h:inputText  value="#{personalMB.colaborador.codigoPersonal}" style="width:80px;font-weight:bold"  disabled="true"/>
								<h:inputText id="txtApaterno" value="#{personalMB.colaborador.idPersona.apellidoPaterno}" required="true"/>
								<h:inputText  id="txtAmaterno" value="#{personalMB.colaborador.idPersona.apellidoMaterno}" required="true" />
								<h:inputText   id="txtNombres" value="#{personalMB.colaborador.idPersona.nombres}" required="true" />
								<h:selectOneMenu  id="cboSexo" value="#{personalMB.colaborador.idPersona.sexo}" required="true">
								<f:selectItem itemValue="H" itemLabel="Hombre"/>
								<f:selectItem itemValue="M" itemLabel="Mujer"/>
								</h:selectOneMenu>
								<h:inputText value="#{personalMB.colaborador.idPersona.tipoSangre}" style="width:30px;" />
							</h:panelGrid>
							
							<h:panelGrid columns="5" cellspacing="3" id="pnlResumenInfo">
							<h:outputLabel value="Estado Civil" />
							<h:outputLabel value="Email" />
							<h:outputLabel value="Estudios Superiores" />
							<h:outputLabel value="Nivel de estudios" />
							<h:outputLabel value="Hijos" />
							<h:selectOneMenu value="#{personalMB.colaborador.idPersona.estadoCivil}">
								<f:selectItem  itemValue="" itemLabel=" --Elija--"/>
								<f:selectItem  itemValue="SOLTERO" itemLabel="SOLTERO(A)"/>
								<f:selectItem  itemValue="CASADO" itemLabel="CASADO(A)"/>
								<f:selectItem  itemValue="DIVORCIADO" itemLabel="DIVORCIADO(A)"/>
								<f:selectItem  itemValue="VIUDO" itemLabel="VIUDO(A)"/>
								</h:selectOneMenu>
								<h:inputText value="#{personalMB.colaborador.idPersona.email}" style="text-transform:none" />
								<h:inputText value="#{personalMB.estudios}"  disabled="true"/>
								<h:inputText value="#{personalMB.estudios}" disabled="true"/>
								<h:inputText value="#{personalMB.nroHijos}" disabled="true"/>
								
													
								<p:outputLabel value="Fecha de Ingreso" labelFor="txtFecha"/>
								<h:outputLabel value="Estado" />
								<h:outputLabel value="Motivo de Cese" />
								<h:outputLabel value="Fecha Cese" />
								<h:outputLabel value="" />
								<h:inputText value="#{personalMB.colaborador.fechaIngreso}" disabled="true">
								<f:convertDateTime pattern="dd-MMM-yyyy" locale="es_PE"/>
								</h:inputText>
								<h:inputText value="#{personalMB.colaborador.estado}"  disabled="true"/>
								<h:inputText value="#{personalMB.fechaCese}" disabled="true"/>
								<h:inputText value="#{personalMB.motivoCese}" disabled="true"/>
								<h:outputLabel value="" />
								
									
							</h:panelGrid>
							
							
							</h:column>
							<h:column>
							<p:commandButton id="btnFoto" value="Elegir Foto"/>
		<div style="width:100px;height:110px">
							<p:graphicImage id="foto_personal" value="#{personalMB.foto}"  style="width:90px;height:100px" /></div>
							
							<p:overlayPanel id="pnlUpload" for="btnFoto" widgetVar="wv_pnlUpload" style="width:200px;">
							<!-- h:form enctype="multipart/form-data"-->
							<p:growl id="msjUpload" showDetail="true"/>
							<p:fileUpload fileUploadListener="#{personalMB.handleFileUpload}"  label="Seleccione el archivo"
                      allowTypes="/(\.|\/)(gif|jpe?g|png)$/" mode="advanced" auto="true"  showButtons="false"  
                        update=":#{p:component('foto_personal')},msjUpload" invalidFileMessage="El tipo archivo no es valido" invalidSizeMessage="El tama&ntilde;o del archivo no es el permitido" oncomplete="wv_pnlUpload.hide();"  >
                      
         </p:fileUpload>  
							<!-- /h:form-->
							</p:overlayPanel>
							</h:column>
									
						</h:panelGrid>
						
						
					</p:panel>
	<p:panel header="Documentos" styleClass="panel-azul" >
					<h:panelGrid columns="5" cellspacing="3">
							
								<p:outputLabel value="Numero de documento" for="txtDni"/>
								<h:outputLabel value="RUC" />
								<h:outputLabel value="Nro. Brevete" />
								<h:outputLabel value="Nro. Pasaporte" />
								<h:outputLabel value="Nro. Essalud" />
							
								<h:inputText id="txtDni" value="#{personalMB.colaborador.idPersona.nroDocumento}" required="true"/>
								<h:inputText value="#{personalMB.colaborador.idPersona.ruc}" />
								<h:inputText value="#{personalMB.colaborador.idPersona.nroBrevete}" />
								<h:inputText value="#{personalMB.colaborador.idPersona.pasaporte}" />
								<h:inputText value="#{personalMB.colaborador.idPersona.essalud}"  />
							</h:panelGrid>
	</p:panel>
	<p:panel header="Fecha y Lugar de Nacimiento" styleClass="panel-azul">
				<h:panelGrid columns="2">
							<h:panelGrid columns="2" cellspacing="3">
								<p:outputLabel value="Fecha Nacimiento" for="txtFechaNac"/>
								<h:outputLabel value="Edad" />
								<p:calendar id="txtFechaNac" navigator="true"  showOn="button" value="#{personalMB.colaborador.idPersona.fechaNacimiento}" pattern="dd-MM-yyyy" required="true"  yearRange="#{parametroMB.rangoFechaNac}"  locale="es">
								<p:ajax event="dateSelect" update="txtEdad" process="@this" partialSubmit="true"/>
								</p:calendar> 
								<h:inputText id="txtEdad" value="#{personalMB.colaborador.idPersona.edad}"  disabled="true" style="width:30px;font-weight:bold;font-size:14px"/>
							</h:panelGrid>
							<comp:ComponentUbigeo  entity="#{personalMB.ambito}" columns="3"/>
							</h:panelGrid>
							
	</p:panel>
	<h:panelGrid columns="4"> 
	<p:commandButton value="Aceptar" action="#{personalMB.guardar}" update=":#{p:component('msgDialog')},msjDatoPer,frmDatosPer"  onstart="statusDialog.show();" oncomplete="messageDialog.show(); setTimeout('messageDialog.hide();','1000')"  onsuccess="statusDialog.hide();" onerror="statusDialog.hide();" rendered="#{personalMB.colaborador.idPersonal!=null}"/>
	<p:commandButton value="Aceptar" action="#{personalMB.preVerificarNuevo}" oncomplete="preVerificarNuevo(xhr, status, args,dlgMovimiento)" update=":#{p:component('msgDialog')},msjDatoPer,frmDatosPer" rendered="#{personalMB.colaborador.idPersonal==null}"  onstart="statusDialog.show();"  onsuccess="statusDialog.hide();" onerror="statusDialog.hide();"/>
	<p:commandButton value="Cancelar" action="#{personalMB.cancelar}" immediate="true"/>
	</h:panelGrid>
	</h:form>
	</p:tab><!-- Fin tab Datos personales -->
	
	<p:tab title="Datos Laborales" disabled="#{personalMB.colaborador.idPersonal==null}" > <!--  Inicio Nueva experiencia Laboral -->
		<!--  Inicio Dialogo Nueva experiencia Laboral -->
	<p:dialog header="Experiencia Laboral" id="dialogNuevaExpLab" modal="true" resizable="false" 
			widgetVar="dlgNuevaExpLab"  appendToBody="true" styleClass="panel-azul" width="400" height="280" 
			>
		<p:panel  styleClass="panel-azul" >
		<h:form id="frmNuevaExpLab">
		<h:panelGrid columns="2">
		<p:outputLabel value="Desde" for="labDesde"/>
		<p:calendar id="labDesde" navigator="true"  showOn="button" value="#{personalMB.experiencia.desde}" pattern="dd-MM-yyyy" required="true" />
		<p:outputLabel value="Hasta" for="labHasta"/>
		<p:calendar id="labHasta" navigator="true"  showOn="button" value="#{personalMB.experiencia.hasta}" pattern="dd-MM-yyyy" required="true"  />
		<p:outputLabel value="Cargo" for="labCargo"/>
		<h:inputText id="labCargo" value="#{personalMB.experiencia.cargo}" required="true" validatorMessage="ingrese el cargo" style="width:180px" onblur="value=value.toUpperCase()"/>
		<p:outputLabel value="Area " for="labArea"/>
		<h:inputText id="labArea" value="#{personalMB.experiencia.area}" required="true" validatorMessage="ingrese el area de labores" style="width:180px" onblur="value=value.toUpperCase()"/>
		<p:outputLabel value="Empresa " for="labEmpresa"/>
		<h:inputText id="labEmpresa" value="#{personalMB.experiencia.entidad}" required="true" validatorMessage="ingrese la empresa" style="width:180px" onblur="value=value.toUpperCase()"/>
		<p:outputLabel value="Motivo de Cese " for="labMotivo"/>
		<h:inputText id="labMotivo" value="#{personalMB.experiencia.motivoCese}" required="true" validatorMessage="ingrese el motivo de cese" style="width:180px" onblur="value=value.toUpperCase()"/>
		</h:panelGrid>
		<br /><br />
		<p:separator/>
		<h:panelGrid columns="2">
		<p:commandButton value="Aceptar" action="#{personalMB.actualizarFormacionLaboral}" update="frmNuevaExpLab,:#{p:component('frmLstExpLab')}"  oncomplete="handleRequestDefault(xhr, status, args,dlgNuevaExpLab);"/>
		<p:commandButton value="Cancelar" immediate="true" onclick="dlgNuevaExpLab.hide();"/>
		</h:panelGrid>
		</h:form>
		</p:panel>
	
	</p:dialog>
	<!--  FIN Dialogo Nuevo Experiencia Laboral -->
	<h:form id="frmLstExpLab">
	<p:growl id="msjEliminarExpLab" showDetail="true" />  
	<p:confirmDialog id="confirmDialog" message="Esta seguro de eliminar el dato seleccionado?"  
                header="Confirmacion de eliminacion" severity="alert" widgetVar="confirmationExpLab">  
                  
        <p:commandButton id="confirm" value="Si" update="@form" oncomplete="confirmation.hide()"  
                    actionListener="#{personalMB.eliminarFormacionLaboral()}" />  
        <p:commandButton id="decline" value="No, cancelar" onclick="confirmationExpLab.hide()" type="button" />   
                  
    </p:confirmDialog>
	
	<p:panel header="Fomacion Laboral del trabajador #{personalMB.colaborador.idPersona.nombreCompleto}" styleClass="panel-azul" style="">
	<h:panelGrid columns="6" id="botonesLab">
	
	<p:commandButton value="Nuevo"  action="#{personalMB.nuevaFormacionLaboral}" update=":#{p:component('frmNuevaExpLab')}" oncomplete="dlgNuevaExpLab.show();" >
	<p:resetInput target=":#{p:component('frmNuevaExpLab')}"/>
	</p:commandButton>

	<p:commandButton id="btnModLab" value="Modificar"  update=":#{p:component('frmNuevaExpLab')}" action="#{personalMB.editarExperiencia}" oncomplete="dlgNuevaExpLab.show();" onclick="if(checkSelectedRow(dtExperienciaWidget)==false) return false;" >
	<f:attribute  name="experienciaSelected" value="#{personalMB.experienciaSelected}" />
	</p:commandButton>
	<p:commandButton id="btnElimLab" value="Eliminar"   onclick="if(checkSelectedRow(dtExperienciaWidget)==false) return false; else confirmationExpLab.show();" type="button"/>  
	
	<p:ajaxStatus style="height:36px;width:36px;" rendered="false">
	<f:facet name="start">  
        <p:graphicImage id="statusIcon" value="#{resource['images:load.gif']}" />  
    </f:facet> 
    <f:facet name="complete">  
        <h:outputText value="" />  
    </f:facet> 
	</p:ajaxStatus>
	</h:panelGrid>
	<br/>
	<p:dataTable id="dtExperiencia"  widgetVar="dtExperienciaWidget"  styleClass="tbl_cgr" value="#{personalMB.experiencias}" var="exp" rowKey="#{exp}"   selection="#{personalMB.experienciaSelected}" >
	<f:facet name="header">Experiencia</f:facet>
						<p:column headerText="Desde"><h:outputText value="#{exp.desde}" ><f:convertDateTime pattern="dd-MM-yyyy"  /></h:outputText> </p:column>
						<p:column headerText="Hasta"><h:outputText value="#{exp.hasta}" ><f:convertDateTime pattern="dd-MM-yyyy"  /> </h:outputText> </p:column>
						<p:column headerText="Empresa"><h:outputText value="#{exp.entidad}" /></p:column>
						<p:column headerText="Area"><h:outputText value="#{exp.area}" /></p:column>
						<p:column headerText="Cargo Ocupado"><h:outputText value="#{exp.cargo}" /></p:column>
						<p:column headerText="Motivo de Cese"><h:outputText value="#{exp.motivoCese}" /></p:column>
						<p:column headerText="Elegir" selectionMode="single" style="width:30px" >
						</p:column>
						<!--p:ajax event="rowSelectRadio" update=":#{p:component('botonesLab')}"  partialSubmit="true"/-->
						<!-- p:ajax event="rowSelect" update=":#{p:component('botonesLab')}"  partialSubmit="true"/-->		
	</p:dataTable>
	</p:panel>
	</h:form>
	</p:tab><!-- Fin tab Datos laborales -->
	
	
	
	<p:tab title="Datos Familiares" disabled="#{personalMB.colaborador.idPersonal==null}">
	
	<!--  Inicio Dialogo Nuevo Dato Familiar -->
	<p:dialog header="Nuevo Dato Familiar" id="dialogNuevoFamiliar" modal="true" resizable="false" 
			widgetVar="dlgNuevoFamiliar"  appendToBody="true" styleClass="panel-azul" width="400" height="430" >
		<p:panel  styleClass="panel-azul">
		<h:form id="frmNuevoFam">
		<p:messages id="msjNuevoFam" showDetail="true"   />
		<h:outputLabel id="msjPersonalFamiliar" value="Personal actual de la C.G.R" rendered="#{not empty personalMB.familiar.idPersona.personalList}" styleClass="msjFamiliarPersonal"/>
		<h:panelGrid id="pnlDatosFam" columns="2" cellspacing="5" cellpading="3">
		<p:outputLabel value="Numero de D.N.I" for="famDNI"/>
		<h:inputText id="famDNI" value="#{personalMB.familiar.idPersona.nroDocumento}" required="true" >
		<p:ajax event="blur" process="@this" partialSubmit="true" listener="#{personalMB.verificarExistenciaPersona}" update="famDNI,famApaterno, famAmaterno, famNombres, famSexo, famNac, lugarNac ,msjNuevoFam"></p:ajax>
		</h:inputText>
		<p:outputLabel value="Apellido Paterno" for="famApaterno"/>
		<h:inputText id="famApaterno" value="#{personalMB.familiar.idPersona.apellidoPaterno}" required="true" validatorMessage="ingrese Ap. paterno"/>
		<p:outputLabel value="Apellido Materno" for="famAmaterno"/>
		<h:inputText id="famAmaterno" value="#{personalMB.familiar.idPersona.apellidoMaterno}" required="true" validatorMessage="ingrese Ap. materno" />
		<p:outputLabel value="Nombres" for="famNombres"/>
		<h:inputText id="famNombres" value="#{personalMB.familiar.idPersona.nombres}" required="true" validatorMessage="ingrese nombres"/>
		<p:outputLabel value="Sexo" for="famSexo"/>
		<h:selectOneRadio id="famSexo" value="#{personalMB.familiar.idPersona.sexo}">
		<f:selectItem itemValue="H" itemLabel="Hombre"/>
		<f:selectItem itemValue="M" itemLabel="Mujer"/>
		</h:selectOneRadio>
		<p:outputLabel value="Fecha Nacimiento" for="famNac"/>
		<p:calendar id="famNac" navigator="true"  showOn="button" value="#{personalMB.familiar.idPersona.fechaNacimiento}" pattern="dd-MM-yyyy" required="true"  yearRange="#{parametroMB.rangoFechaNac}" locale="es"/>
		<p:outputLabel value="Parentezco" for="famParentezco"/>
		<h:selectOneMenu id="famParentezco" value="#{personalMB.familiar.parentezco}">
		<f:selectItems value="#{parametroMB.tiposParentezco}"/>
		</h:selectOneMenu>
		<p:outputLabel value="Vive" for="famVive"/>
		<h:selectBooleanCheckbox  id="famVive" value="#{personalMB.famVive}"  />
		</h:panelGrid>
		<h:outputLabel value="Lugar de Nacimiento" /><p:separator title=""/>
		<h:panelGroup id="lugarNac">
		<comp:ComponentUbigeo  entity="#{personalMB.ambito2}" columns="2"/>	
		</h:panelGroup>
		
		<br/>
		<h:panelGrid columns="4">
		<p:commandButton value="Aceptar" action="#{personalMB.guadarFamiliar}" update="pnlDatosFam,:#{p:component('frmLstFam')}" oncomplete="handleRequestDefault(xhr, status, args,dlgNuevoFamiliar);" />
		<p:commandButton value="Cancelar" immediate="true" onclick="dlgNuevoFamiliar.hide();"/>
		<h:outputLabel value="&nbsp;" />
		<h:panelGroup layout="block"><ui:include src="/resources/includes/ajaxStatus.xhtml"/></h:panelGroup>
		</h:panelGrid>
		</h:form>
		</p:panel>
	
	</p:dialog>
	<!--  FIN Dialogo Nuevo Familiar -->
	
	<h:form id="frmLstFam">
	<p:growl id="msjEliminar" showDetail="true" />  
	<p:confirmDialog id="confirmDialogFam" message="Esta seguro de eliminar el dato seleccionado?"  
                header="Confirmacion de eliminacion" severity="alert" widgetVar="confirmationFam">  
                  
        <p:commandButton id="confirm" value="Si" update="@form" oncomplete="confirmationFam.hide()"  
                    actionListener="#{personalMB.eliminarFamiliar}" />  
        <p:commandButton id="decline" value="No, cancelar" onclick="confirmationFam.hide()" type="button" />   
                  
    </p:confirmDialog>  
	
	<p:panel header="Familiares del Colaborador #{personalMB.colaborador.idPersona.nombreCompleto}" styleClass="panel-azul" style="">
	<h:panelGrid columns="5" id="botonesFam">
	<p:commandButton value="Nuevo"  action="#{personalMB.nuevoFamiliar}" update=":#{p:component('frmNuevoFam')}" oncomplete="dlgNuevoFamiliar.show();" >
	<p:resetInput target=":#{p:component('frmNuevoFam')}"/>
	</p:commandButton>
	<p:commandButton id="btnModFam" value="Modificar" action="#{personalMB.editarFamiliar}"  onclick="if(checkSelectedRow(dtFamiliaresWidget)==false)return false;"  update=":#{p:component('frmNuevoFam')}" oncomplete="dlgNuevoFamiliar.show();"  />
	<p:commandButton id="btnElimFam" value="Eliminar"  onclick="if(checkSelectedRow(dtFamiliaresWidget)==false)return false; else  confirmationFam.show();" type="button" />
		
	</h:panelGrid>
	<br/>
	
	<p:dataTable  id="dtFamiliares" styleClass="tbl_cgr" value="#{personalMB.familiares}" var="per" rowKey="#{per}"  selection="#{personalMB.familiarSelected}" rows="10" paginatorPosition="bottom" widgetVar="dtFamiliaresWidget"  rowStyleClass="#{per.idPersona.personal ? 'rowPersonalFamiliar' : null}">
	<f:facet name="header">Familiares:</f:facet>
						<p:column headerText="Nro. Doc">
						<h:outputLabel id="dniP" value="#{per.idPersona.nroDocumento}"  style="#{per.idPersona.personal ? 'color:blue;cursor:pointer;' : ''}" />
						<p:tooltip style="width:250px;color:navy" for="dniP"  value="Actualmente trabaja en la Contralor&iacute;a" showEffect="slide" hideEffect="fade" rendered="#{per.idPersona.personal}"/>
				<!-- p:overlayPanel appendToBody="true" id="pnlToolTip" for="dniP" showEvent="mouseover" hideEvent="mouseout"  rendered="#{per.idPersona.personal}">
               <p:panelGrid columns="2">  
                  <h:outputLabel value="Actualmente trabaja en la Contralor&iacute;a" />
               </p:panelGrid>  
          </p:overlayPanel-->  
						
						
						</p:column>
						<p:column headerText="Apellido Paterno"><h:outputLabel value="#{per.idPersona.apellidoPaterno}" /></p:column>
						<p:column headerText="Apellido Materno"><h:outputLabel value="#{per.idPersona.apellidoMaterno}" /></p:column>
						<p:column headerText="Nombres"><h:outputLabel value="#{per.idPersona.nombres}" /></p:column>
						<p:column headerText="Lugar Nacimiento"><h:outputLabel value="#{per.idPersona.lugarNacimiento.ambDescripcion}" /></p:column>
						<p:column headerText="Vínculo"><h:outputLabel value="#{per.tipoParentezco.descripcion}" /></p:column>
						<p:column headerText="Sexo"><h:outputLabel value="#{per.idPersona.sexo}" /></p:column>
						<p:column headerText="Edad"><h:outputLabel value="#{per.idPersona.edad}" /></p:column>
						<p:column headerText="Vive"><h:outputLabel value="#{per.vive=='S'?'SI':'NO'}" /></p:column>
						<p:column headerText="Elegir" selectionMode="single" style="width:30px" >
						</p:column>
						<!--p:ajax event="rowSelectRadio" update=":#{p:component('botonesFam')}"  partialSubmit="true" listener="#{personalMB.onRowSelect}"/-->	
						<!-- p:ajax event="rowSelect" update=":#{p:component('botonesFam')}"  partialSubmit="true" listener="#{personalMB.onRowSelect}"/-->	
	</p:dataTable>
	</p:panel>
	</h:form>
	
	
	</p:tab><!-- Fin tab Datos familiares -->
	
	<p:tab title="Formación Académica" disabled="#{personalMB.colaborador.idPersonal==null}">
	<p:growl id="msjAcademica" showDetail="true" />
	<p:panel header=" Formaci&oacute;n Academica #{personalMB.colaborador.idPersona.nombreCompleto}" styleClass="panel-azul" style="">
	<p:accordionPanel>
	<p:tab title="Estudios Básicos" style="height:350px" >
		<p:dialog header="Estudios Básicos" id="dialogNuevoEstBasico" modal="true" resizable="false" 
			widgetVar="dlgNuevoEstBasico"  appendToBody="true" styleClass="panel-azul" width="400" height="280" >
		<p:panel>
		<h:form id="frmNuevoEstBasico">
		<h:panelGrid columns="2" cellspacing="5" cellpading="3">
		<p:outputLabel value="Desde" for="eBasicoDesde"/>
		<p:calendar id="eBasicoDesde" navigator="true"  showOn="button" value="#{personalMB.estudioBasico.fechaInicio}" pattern="dd-MM-yyyy" required="true" locale="es"/>
		<p:outputLabel value="Hasta" for="eBasicoHasta"/>
		<p:calendar id="eBasicoHasta" navigator="true"  showOn="button" value="#{personalMB.estudioBasico.fechaFin}" pattern="dd-MM-yyyy" required="true"  locale="es"/>
		<p:outputLabel value="Tipo Estudio" for="eBasicoTipo"/>
		<h:selectOneMenu id="eBasicoTipo" value="#{personalMB.estudioBasico.tipoEstudio}">    
		<f:selectItem itemValue="PRIMARIA" itemLabel="PRIMARIA"/>
		<f:selectItem itemValue="SECUNDARIA" itemLabel="SECUNDARIA"/>
		</h:selectOneMenu>
		</h:panelGrid>
		<p:outputLabel value="Centro Educativo " for="eBasicoColegio"/>
		<h:inputText id="eBasicoColegio" value="#{personalMB.estudioBasico.colegio}" required="true" validatorMessage="ingrese el colegio" style="width:280px" onblur="value=value.toUpperCase()"/>
	
		<h:panelGrid columns="2">
		<p:outputLabel value="Verificado" for="eBasicoCheck"/>
		<h:selectOneRadio  id="eBasicoCheck" value="#{personalMB.estudioBasico.verificado}" >    
		<f:selectItem itemValue="S" itemLabel="SI" />
		<f:selectItem itemValue="N" itemLabel="NO"/>
		</h:selectOneRadio></h:panelGrid>
		<br /><br />
		<p:separator/>
		<h:panelGrid columns="4">
		<p:commandButton value="Aceptar" action="#{personalMB.actualizarEstudioBasico}" update="frmNuevoEstBasico,:#{p:component('frmLstEstBasico')}," oncomplete="handleRequestDefault(xhr, status, args,dlgNuevoEstBasico);"/>
		<p:commandButton value="Cancelar" immediate="true" onclick="dlgNuevoEstBasico.hide();"/>
		&nbsp;
		<h:panelGroup layout="block"><ui:include src="/resources/includes/ajaxStatus.xhtml"/></h:panelGroup>
		</h:panelGrid>
		</h:form>
		</p:panel>
	</p:dialog><!-- Fin dialogo para nuevo estudio basico -->
	<h:form id="frmLstEstBasico">
	  <p:growl id="msjLstEstudioBasico" showDetail="true"/>
	<p:confirmDialog id="confirmDialogEstBasico" message="Esta seguro de eliminar el dato seleccionado?"  
                header="Confirmacion de eliminacion" severity="alert" widgetVar="confirmationEstBasico">  
                  
        <p:commandButton id="confirm" value="Si" update="@form" oncomplete="confirmationEstBasico.hide()"  
                    actionListener="#{personalMB.eliminarEstudioBasico}" />  
        <p:commandButton id="decline" value="No, cancelar" onclick="confirmationEstBasico.hide()" type="button" />   
                  
    </p:confirmDialog>  
	
	
	
	<h:panelGrid columns="5" id="botonesEstBasico">
	<p:commandButton value="Nuevo"  action="#{personalMB.nuevoEstudioBasico}" update=":#{p:component('frmNuevoEstBasico')}" oncomplete="dlgNuevoEstBasico.show();" immediate="true">
	<p:resetInput target=":#{p:component('frmNuevoEstBasico')}"/>
	</p:commandButton>
	<p:commandButton id="btnModEstBasico" value="Modificar"  action="#{personalMB.editarEstudioBasico}" update=":#{p:component('frmNuevoEstBasico')}" oncomplete="dlgNuevoEstBasico.show();"  onclick="if(checkSelectedRow(dtEstBasicoWidget)==false)return false;" />
	<p:commandButton id="btnElimEstBasico" value="Eliminar"  onclick="if(checkSelectedRow(dtEstBasicoWidget)==false) return false; else confirmationEstBasico.show();"  />
	
	
	</h:panelGrid>
	<br/>
	
	<p:dataTable  id="dtEstBasico" styleClass="tbl_cgr" value="#{personalMB.estudiosBasicos}" var="est" rowKey="#{est}"  selection="#{personalMB.estudioBasicoSelected}"  rows="10" paginatorPosition="bottom" widgetVar="dtEstBasicoWidget">
	<!--f:facet name="header">Estudios Basicos:</f:facet-->
						<p:column headerText="Tipo Estudio"><h:outputLabel value="#{est.tipoEstudio}" /></p:column>
						<p:column headerText="Desde"><h:outputLabel value="#{est.fechaInicio}" > <f:convertDateTime pattern="dd-MM-yyyy"  /></h:outputLabel></p:column>
						<p:column headerText="Hasta"><h:outputLabel value="#{est.fechaFin}" > <f:convertDateTime pattern="dd-MM-yyyy"  /></h:outputLabel></p:column>
						<p:column headerText="Centro de Estudios" style="width:250px"><h:outputLabel value="#{est.colegio}" /></p:column>
						<p:column headerText="Verificado"><h:outputLabel value="#{est.verificado}" /></p:column>
						<p:column headerText="Elegir" selectionMode="single" style="width:30px" >
						</p:column>
						<!--p:ajax event="rowSelectRadio" update=":#{p:component('botonesEstBasico')}"  partialSubmit="true" /-->	
							
	</p:dataTable>
	
	</h:form>
	</p:tab>
	
	<p:tab title="Estudios Superiores" style="height:380px">
			<p:dialog header="Estudios Superiores" id="dialogNuevoEstSuperior" modal="true" resizable="false" 
			widgetVar="dlgNuevoEstSuperior"  appendToBody="true" styleClass="panel-azul" width="400" height="320" >
		<p:panel  styleClass="panel-azul" >
		<h:form id="frmNuevoEstSuperior">
		<h:panelGrid columns="2" cellspacing="5" cellpading="3">
		<p:outputLabel value="Desde" for="eSupDesde"/>
		<p:calendar id="eSupDesde" navigator="true"  showOn="button" value="#{personalMB.profesion.fechaInicio}" pattern="dd-MM-yyyy" required="true" locale="es"/>
		<p:outputLabel value="Hasta" for="eSupHasta"/>
		<p:calendar id="eSupHasta" navigator="true"  showOn="button" value="#{personalMB.profesion.fechaFin}" pattern="dd-MM-yyyy" required="true" locale="es" />
		<p:outputLabel value="Condicion Estudio" for="eSupCond"/>
		<h:selectOneMenu id="eSupCond" value="#{personalMB.profesion.idCondEstudio.idCondEstudio}" style="width:180px">
		<f:selectItems  value="#{parametroMB.condicionEstudios}"/>
		</h:selectOneMenu>
		<p:outputLabel value="Grado" for="eSupGrado"/>
		<h:selectOneMenu id="eSupGrado" value="#{personalMB.profesion.idAdmGrado.idAdmGrado}" style="width:180px">
		<f:selectItems  value="#{parametroMB.gradosAcademicos}"/>
		</h:selectOneMenu>
		</h:panelGrid>
		<h:panelGrid cellspacing="5" cellpading="3">
		<p:outputLabel value="Centro de Estudios " for="eSupCentro"/>
		<h:inputText id="eSupCentro" value="#{personalMB.profesion.institucion}" required="true" validatorMessage="ingrese la institucion educativa" style="width:280px" onblur="value=value.toUpperCase()"/>
		</h:panelGrid>
		<h:panelGrid columns="2" cellspacing="5" cellpading="3">
		<p:outputLabel value="Verificado" for="eSupCheck"/>
		<h:selectOneRadio  id="eSupCheck" value="#{personalMB.profesion.verificado}" >    
		<f:selectItem itemValue="S" itemLabel="SI" />
		<f:selectItem itemValue="N" itemLabel="NO"/>
		</h:selectOneRadio></h:panelGrid>
		<br /><br />
		<p:separator/>
		<h:panelGrid columns="4">
		<p:commandButton value="Aceptar" action="#{personalMB.actualizarEstudioProfesional}" update="frmNuevoEstSuperior,:#{p:component('frmLstEstSuperior')}" oncomplete="handleRequestDefault(xhr, status, args,dlgNuevoEstSuperior);"/>
		<p:commandButton value="Cancelar" immediate="true" onclick="dlgNuevoEstSuperior.hide();"/>
		&nbsp;
		<h:panelGroup layout="block"><ui:include src="/resources/includes/ajaxStatus.xhtml"/></h:panelGroup>
		</h:panelGrid>
		</h:form>
		</p:panel>
	</p:dialog><!-- Fin dialogo para nuevo estudio profesional -->
	<h:form id="frmLstEstSuperior">
	    <p:growl id="msjLstEstSuperior" showDetail="true"/>
	<p:confirmDialog id="confirmDialogEstSup" message="Esta seguro de eliminar el dato seleccionado?"  
                header="Confirmacion de eliminacion" severity="alert" widgetVar="confirmationSup">  
                  
        <p:commandButton id="confirm" value="Si" update="@form" oncomplete="confirmationSup.hide()"  
                    actionListener="#{personalMB.eliminarEstudioProfesional}" />  
        <p:commandButton id="decline" value="No, cancelar" onclick="confirmationSup.hide()" type="button" />   
                  
    </p:confirmDialog>  
	
	
	
	<h:panelGrid columns="5" id="botonesEstSuperior">
	<p:commandButton value="Nuevo"  action="#{personalMB.nuevoEstudioProfesional}" update=":#{p:component('frmNuevoEstSuperior')}" oncomplete="dlgNuevoEstSuperior.show();" >
	<p:resetInput target=":#{p:component('frmNuevoEstSuperior')}"/>
	</p:commandButton>
	<p:commandButton id="btnModEstSuperior" value="Modificar" action="#{personalMB.editarEstudioProf}" update=":#{p:component('frmNuevoEstSuperior')}" oncomplete="dlgNuevoEstSuperior.show();"   onclick="if(checkSelectedRow(dtEstSuperiorWidget)==false) return false;"/>
	<p:commandButton id="btnElimEstSuperior" value="Eliminar"  onclick="if(checkSelectedRow(dtEstSuperiorWidget)==false) return false; else confirmationSup.show();"  type="button"/>
	
	
	</h:panelGrid>
	<br/>
	
	<p:dataTable  id="dtEstSuperior" styleClass="tbl_cgr" value="#{personalMB.estudiosProfesionales}" var="prof" rowKey="#{prof}"  selection="#{personalMB.profesionSelected}"  rows="10" paginatorPosition="bottom" widgetVar="dtEstSuperiorWidget">
	<!--f:facet name="header">Estudios Superiores:</f:facet-->
						<p:column headerText="Desde"><h:outputLabel value="#{prof.fechaInicio}"><f:convertDateTime pattern="dd-MM-yyyy"  /></h:outputLabel></p:column>
						<p:column headerText="Hasta"><h:outputLabel value="#{prof.fechaFin}"><f:convertDateTime pattern="dd-MM-yyyy"  /></h:outputLabel></p:column>
						<p:column headerText="Centro de Estudios" style="width:250px"><h:outputLabel value="#{prof.institucion}" /></p:column>
						<p:column headerText="Especialidad" style="width:120px"><h:outputLabel value="#{prof.idAdmGrado.denominacion}" /></p:column>
						<p:column headerText="Verificado"><h:outputLabel value="#{prof.verificado}" /></p:column>
						<p:column headerText="Elegir" selectionMode="single" style="width:30px" >
						</p:column>
						<!--p:ajax event="rowSelectRadio" update=":#{p:component('botonesEstSuperior')}"  partialSubmit="true" /-->	
							
	</p:dataTable>

	</h:form>
	
	
	
	
	</p:tab>
	<!--p:tab title="Colegiaturas">
	
	
	
	
	</p:tab-->
	<p:tab title="Docencias" style="height:350px">
		<p:dialog header="Docencias" id="dialogNuevoDocencia" modal="true" resizable="false" 
			widgetVar="dlgNuevoDocencia"  appendToBody="true" styleClass="panel-azul" width="400" height="280" >
		<p:panel  styleClass="panel-azul" >
		<h:form id="frmNuevoDocencia">
		<h:panelGrid columns="2" cellspacing="5" cellpading="3">
		<p:outputLabel value="Desde" for="eDocDesde"/>
		<p:calendar id="eDocDesde" navigator="true"  showOn="button" value="#{personalMB.docencia.desde}" pattern="dd-MM-yyyy" required="true" requiredMessage="Ingrese la fecha inicial" locale="es"/>
		<p:outputLabel value="Hasta" for="eDocHasta"/>
		<p:calendar id="eDocHasta" navigator="true"  showOn="button" value="#{personalMB.docencia.hasta}" pattern="dd-MM-yyyy" required="true" requiredMessage="Ingrese la fecha final" locale="es"/>
		<p:outputLabel value="Curso " for="eDocEsp"/>
		<h:inputText id="eDocEsp" value="#{personalMB.docencia.detalle}" required="true" requiredMessage="Ingrese el detalle del curso" />
		</h:panelGrid>
		<h:panelGrid columns="1" cellspacing="5" cellpading="3">
		<p:outputLabel value="Centro de Estudios " for="eDocCentro"/>
		<h:inputText id="eDocCentro" value="#{personalMB.docencia.institucion}" required="true" validatorMessage="ingrese la institucion educativa" style="width:280px" onblur="value=value.toUpperCase()"/>
		</h:panelGrid>
		<h:panelGrid columns="2" cellspacing="5" cellpading="3">
		<p:outputLabel value="Verificado" for="eDocCheck"/>
		<h:selectOneRadio  id="eDocCheck" value="#{personalMB.docencia.verificada}" >    
		<f:selectItem itemValue="S" itemLabel="SI" />
		<f:selectItem itemValue="N" itemLabel="NO"/>
		</h:selectOneRadio></h:panelGrid>
		<br />
		<p:separator/>
		<h:panelGrid columns="4">
		<p:commandButton value="Aceptar" action="#{personalMB.actualizarDocencia}" update="frmNuevoDocencia,:#{p:component('frmLstDocencia')}" oncomplete="handleRequestDefault(xhr, status, args,dlgNuevoDocencia);"/>
		<p:commandButton value="Cancelar" immediate="true" onclick="dlgNuevoDocencia.hide();"/>
		<h:panelGroup layout="block"><ui:include src="/resources/includes/ajaxStatus.xhtml"/></h:panelGroup>
		</h:panelGrid>
		</h:form>
		</p:panel>
	</p:dialog><!-- Fin dialogo para nuevo estudio basico -->
	<h:form id="frmLstDocencia">
	  <p:growl id="msjLstDocencia" showDetail="true"/>
	<p:confirmDialog id="confirmDialog" message="Esta seguro de eliminar el dato seleccionado?"  
                header="Confirmacion de eliminacion" severity="alert" widgetVar="confirmation">  
                  
        <p:commandButton id="confirm" value="Si" update="frmLstDocencia" oncomplete="confirmation.hide()"  
                    actionListener="#{personalMB.eliminarDocencia}" />  
        <p:commandButton id="decline" value="No, cancelar" onclick="confirmation.hide()" type="button" />   
                  
    </p:confirmDialog>  
	
	
	
	<h:panelGrid columns="5" id="botonesDocencia">
	<p:commandButton value="Nuevo"  action="#{personalMB.nuevaDocencia}" update=":#{p:component('frmNuevoDocencia')}" oncomplete="dlgNuevoDocencia.show();">
	<p:resetInput target=":#{p:component('frmNuevoDocencia')}"/>
	</p:commandButton>
	<p:commandButton id="btnModDocencia" value="Modificar" update=":#{p:component('frmNuevoDocencia')}"  onclick="if(checkSelectedRow(dtDocenciaWidget)==false) return false;" oncomplete="dlgNuevoDocencia.show();"  />
	<p:commandButton id="btnElimDocencia" value="Eliminar"  onclick="if(checkSelectedRow(dtDocenciaWidget)==false) return false; else confirmation.show();"   />
	</h:panelGrid>
	<br/>
	
	<p:dataTable  id="dtDocencia" styleClass="tbl_cgr" value="#{personalMB.docencias}" var="prof" rowKey="#{prof}"  selection="#{personalMB.docencia}"  rows="10" paginatorPosition="bottom" widgetVar="dtDocenciaWidget">
	<!--f:facet name="header">Estudios Superiores:</f:facet-->
						<p:column headerText="Desde"><h:outputLabel value="#{prof.desde}"><f:convertDateTime pattern="dd-MM-yyyy"  /></h:outputLabel></p:column>
						<p:column headerText="Hasta"><h:outputLabel value="#{prof.hasta}"><f:convertDateTime pattern="dd-MM-yyyy"  /></h:outputLabel></p:column>
						<p:column headerText="Centro de Estudios" style="width:250px"><h:outputLabel value="#{prof.institucion}" /></p:column>
						<p:column headerText="Especialidad" style="width:120px"><h:outputLabel value="#{prof.detalle}" /></p:column>
						<p:column headerText="Verificado"><h:outputLabel value="#{prof.verificada}" /></p:column>
						<p:column headerText="Elegir" selectionMode="single" style="width:30px" >
						</p:column>
						<!--p:ajax event="rowSelectRadio" update=":#{p:component('botonesDocencia')}"  partialSubmit="true"  process="dtDocencia"/-->	
							
	</p:dataTable>

	</h:form>
	</p:tab>
	</p:accordionPanel>
	</p:panel>
	
	</p:tab><!-- Fin tab Formacion academica -->
	
	<p:tab title="Situaci&oacute;n Laboral" disabled="#{personalMB.colaborador.idPersonal==null}">
	
	<p:dialog  id="dialogMovimiento" modal="true" resizable="false" 
			widgetVar="dlgMovimiento"  appendToBody="true" styleClass="panel-azul" width="400" height="280" >
	<f:facet name="header">
	<h:outputLabel value="Movimiento de Personal - Ingresos - Salidas" rendered="#{personalMB.colaborador.idPersonal!=null}"/>
	<h:outputLabel value="Registre el primer Movimiento: Ingreso del personal" rendered="#{personalMB.colaborador.idPersonal==null}"/>
	</f:facet>
	
	<h:form>
	<p:growl id="msjMovimiento"/>
	<h:panelGrid columns="1" width="370">
	<p:outputLabel value="Unidad Org&aacute;nica"  for="cboUnidadOrganica"/>
	<p:selectOneMenu id="cboUnidadOrganica" value="#{personalMB.movimientoPersonal.idUnidadOrganica.idUnidadOrganica}" required="true" requiredMessage="Ingrese la unidad organica" style="width:260px" valueChangeListener="#{personalMB.cargarPuesto}">
	<f:selectItem itemValue="" itemLabel=" Seleccione la Unidad Organica"/>
	<f:selectItems value="#{parametroMB.unidadesOrganicasLista}" var="uo" itemValue="#{uo.idUnidadOrganica}" itemLabel="#{uo.nombreUnidad}"/>
	<f:ajax render="cboPuesto" execute="cboUnidadOrganica"/>
	</p:selectOneMenu>
	<!--p:outputLabel value="Cargo"  for="cboCargo"/>
	<p:selectOneMenu  id="cboCargo" value="#{personalMB.idCargoActual}" required="true" requiredMessage="Ingrese el Cargo" style="width:260px"  >
	<f:selectItem itemValue="" itemLabel="Seleccione el Cargo"/>
	<f:selectItems value="#{parametroMB.cargosLista}" var="cargo" itemValue="#{cargo.idCargo}" itemLabel="#{cargo.descripcion}"/>
	
	</p:selectOneMenu-->
	
	<p:outputLabel value="Puesto"  for="cboPuesto"/>
	<p:selectOneMenu id="cboPuesto" value="#{personalMB.movimientoPersonal.idPuesto.idPuesto}" required="true" requiredMessage="Ingrese el Puesto" style="width:260px" disabled="#{empty personalMB.listaPuesto}">
	<f:selectItem itemValue="" itemLabel=" Seleccione el Puesto"/>
	<f:selectItems value="#{personalMB.listaPuesto}" var="puesto" itemValue="#{puesto.idPuesto}" itemLabel="#{puesto.nombre}"/>
	</p:selectOneMenu>
	</h:panelGrid>
	<h:panelGrid columns="2" >
	<p:outputLabel value="Motivo del Movimiento" labelFor="txtMotivoMov"/>
	<h:inputTextarea  id="txtMotivoMov" value="#{personalMB.movimientoPersonal.motivo}" required="true" requiredMessage="Ingrese el motivo del movimiento" cols="30" rows="2"/> 
	
	
	<p:outputLabel value="Fecha Desde:" for="txtFechaDesde" />
	<p:calendar id="txtFechaDesde"  required="true" value="#{personalMB.movimientoPersonal.ingreso}" requiredMessage="Debe ingresar la fecha inicial" locale="es"/>
	<h:outputLabel value=""/>	<h:outputLabel value=""/>
	</h:panelGrid>
	<h:panelGrid columns="4">
	<p:commandButton value="Aceptar"  action="#{personalMB.actualizarMovimiento}" update="msjMovimiento,:#{p:component('frmInfMovimiento')}" oncomplete="handleRequestDefault(xhr, status, args,dlgMovimiento);" rendered="#{personalMB.colaborador.idPersonal!=null}"/>
	<p:commandButton value="Aceptar" action="#{personalMB.guardar}" update=":#{p:component('frmInfMovimiento')},:#{p:component('msgDialog')},:#{p:component('frmDatosPer')}"  onstart="statusDialog.show();" oncomplete="handleRequestNuevo(xhr, status, args,dlgMovimiento); "  onsuccess="statusDialog.hide();" onerror="statusDialog.hide();" rendered="#{personalMB.colaborador.idPersonal==null}"/>
	<p:commandButton value="Cancelar" onclick="dlgMovimiento.hide();" type="button"/>
	<h:panelGroup layout="block" rendered="#{personalMB.colaborador.idPersonal!=null}">
	<ui:include src="/resources/includes/ajaxStatus.xhtml"/>
	</h:panelGroup>
	</h:panelGrid>
	</h:form>
	</p:dialog>
	<p:dialog header="Cese de colaborador" id="dialogCese" modal="true" resizable="false" 
			widgetVar="dlgCese"  appendToBody="true" styleClass="panel-azul" width="300" height="170" >
	<h:form id="frmCese">
	<p:growl id="msjCese"/>
	<h:panelGrid columns="1" width="250">
	<p:outputLabel value="Ingrese la Fecha de Cese" labelFor="fechaCese"/>
	<p:calendar id="fechaCese" pattern="dd-MM-yyyy" showOn="button" value="#{personalMB.fechaCese}" required="true" requiredMessage="Debe ingresar la fecha de Cese" locale="es" />
	<p:outputLabel value="Ingrese el Motivo de Cese" labelFor="txtMotivoCese"/>
	<h:inputTextarea  id="txtMotivoCese" value="#{personalMB.motivoCese}" required="true" requiredMessage="Ingrese el motivo del Cese" cols="40"/> 
	</h:panelGrid>
	<br/>
	<p:separator/>
	<p:commandButton id="btnCesar" value="Aceptar"  action="#{personalMB.cesarColaborador}" update=":#{p:component('frmInfMovimiento')},frmCese"  oncomplete="handleRequestDefault(xhr, status, args,dlgCese);" />
	<p:commandButton id="btnCancelarCese" value="Cancelar" onclick="dlgCese.hide();" type="button"/>
	</h:form>
	</p:dialog>
	
	
	<h:form id="frmInfMovimiento">
	<p:fieldset legend="#{personalMB.colaborador.idPersona.nombreCompleto}  &nbsp;&nbsp;&nbsp;  Situaci&oacute;n Actual: #{personalMB.estadoActual}">
	
	<h:panelGrid columns="2" cellpadding="2" cellspacing="4">
	<h:outputLabel value="Fecha de ingreso"/>
	 <h:outputText value="#{personalMB.colaborador.fechaIngreso}" style="font-weight:bolder">
	 <f:convertDateTime pattern="dd-MMM-yyyy" />
</h:outputText>
	<h:outputLabel value="Unidad Org&aacute;nica:" /><h:outputText value="#{personalMB.uoUltimo}"  style="font-weight:bolder"/>
	<h:outputLabel value="Puesto:" />
	<h:outputText value=" #{personalMB.puestoUltimo}" style="font-weight:bolder"/>
	<h:outputText value="" />
	</h:panelGrid>
	
	</p:fieldset>
	<br/>
	<h:panelGrid columns ="3" cellspacing="5">
	<p:commandButton value="Nuevo Movimiento" immediate="true" action="#{personalMB.nuevoMovimiento}" oncomplete="dlgMovimiento.show();"/>
	<p:commandButton value="Cesar Personal" type="button" onclick="dlgCese.show();" rendered="#{personalMB.estadoActual eq 'ACTIVO'}"/>
	</h:panelGrid>
	<p:dataTable id="dtMovimientos" value="#{personalMB.movimientos}" var="mov" >
	
	<p:column headerText="Inicio"><h:outputText value="#{mov.ingreso}"/></p:column>
	<p:column headerText="Fin"><h:outputLabel value="#{mov.salida}"/></p:column>
	<p:column headerText="Unidad Org&aacute;nica"><h:outputText value="#{mov.idUnidadOrganica.nombreUnidad}"/></p:column>
	<p:column headerText="Puesto"><h:outputLabel value="#{mov.idPuesto.nombre}"/></p:column>
	<p:column headerText="Motivo "><h:outputLabel value="#{mov.motivo}"/></p:column>
	
	</p:dataTable>
	</h:form>
	
	
	
	
	
	</p:tab>
	
	
	</p:tabView>
</p:panel>

    	<script type= "text/javascript">
	//<![CDATA[

function preVerificarNuevo(xhr, status, args,component) { 

    if(args.validationFailed || args.notValid) {  
       
       // jQuery('#confirmDialog2').effect("shake", { times:2 }, 100);  
    } else {  
       // alert("borrando");
    	component.show();  
         
    }  
} 
function handleRequestNuevo(xhr, status, args,component) {  
    if(args.validationFailed || args.notValid) {  
       // alert("validation failed");
       // jQuery('#confirmDialog2').effect("shake", { times:2 }, 100);  
    } else {  
       	component.hide();
    	messageDialog.show();
    	var i=viewPersonalWidget.getLength();
    	for(var x=0;x<i;x++){
    		viewPersonalWidget.enable(x);
        }
    	setTimeout('messageDialog.hide();','1000');
         
    }  
} 

//]]>
</script>
		
		
	</ui:define>

</ui:composition>

</html>